<h2>ROLES</h2>
<ul class="items">
    <li *ngFor="let role of roles"
        (click)="onSelect(role)">
        <span class="badge">{{role.id}}</span> {{role.name}}
    </li>
</ul>